<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>7-属性相关</title>
		<!-- 导入jquery库 -->
		<script type="text/javascript" src="js/jquery2.1.4.min.js"></script>
	</head>
	<body>
		
		用户名：<input id="username" type="text" name="username" placeholder="请输入用户名..."><br>
		隐藏域：<input id="uid" type="hidden" name="uid" value="20">
		<span data-die='7'>上海新增本土死亡病例7例</span>
		<script type="text/javascript">
			/**
			 * 元素JS里面属性相关
			 * document.querySelect('.box').setAttribute('uid',10);
			 * document.querySelect('.box').getAttribute('uid',10);
			 * H5
			 * <span data-uid='10'></span>
			 * document.querySelect('.box').dataset('uid');
			 */
			$(function(){
				//1.标签自带的属性相关
				//获取input属性type的值
				console.log($('#username').prop('type'));
				//设置type的值
				$('#username').prop('type','password');
				
				//2.设置标签自定义属性相关
				//设置属性amount值是1000
				$('#username').attr('amount',1000);
				console.log($('#username').attr('amount'));
				//data数据缓存
				$('span').data('dienum',7);
				//取缓存值
				//console.log($('span').data('dienum'));
				
				console.log($('span').data('die'));//7
			});
		</script>
	</body>
</html>
